body{
    margin:0;
    padding: 0;
    background-color:white;
    min-width:1200px;
}

.content {
    overflow: hidden;
}

@media (max-width: 1000px) {
    .col-md-5 {
        float: left;
        width: 41.6%;
    }

    .col-md-6 {
        float: left;
        width: 60%;
    }
}
.title{
    float:left;
    width:650px;
    height:200px;
}
.title_text{
    float:left;
    margin:80px 0 10px 90px;
    font-size:35px;
    font-width:800;
}

.login{
    float:left;
    width:100%;
    height: 550px;;
    /*margin-left: -10%;*/
}
.login_image{
    float:left;
    width:500px;
    height:500px;
}
.login-item{
    float:left;
    padding: 0 30px;
    width:500px;
    height:300px;
}
.remind{
    float:left;
    font-size:18px;
    font-width:800;
    color:black;
    margin:34px 0 41px 0;
}
.username{
    padding-left: 10px;
    margin:0 0 22px 0;
    height:40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width:100%;
}
.password{
    margin:0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height:40px;
    width:100%;
    background-color:white;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 30px 15px;
    padding-left: 10px;
}
.login-button{
    margin:54px 0 20px 0;
    height:40px;
    width:100%;
    background-color: #ff5124;
    color:white;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    font-size: 14px;
}
.reg{
    margin:10px 0 10px 100px;
    text-align: right;

}

div.reg a {
    color: #797979;
    font-size: 13px;
}
a:link {
    color:black;
    text-decoration: none;
}
a:visited {
    color: black;
    background-color: black;
    text-decoration: none;
}
a:hover {
    color: black ;
    background-color: transparent;
    text-decoration: none;
}
a:active {
    color: black ;
    background-color: transparent;
    text-decoration: underline;
}

.login-back {
    /*float: right;*/
    background-color: white;
    width: 332px;height: 366px;
    margin-top: 46px;
    margin-left: 63%;
}

.login {
    background-image: url("../img/login/background.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
}

@media(min-width: 1900px) {
    .login {
        height: 600px;
    }
}

@media(min-width: 2000px) {
    .login {
        height: 650px;
    }
}

@media(min-width: 2100px) {
    .login {
        height: 700px;
    }
}


.top-title {
    width:60%;
    margin:0 auto;
    height: 90px;
}

.title-img {
    width: 120px;
    height: 83px;
    margin-top: 2px;
    float: left;
}

.title-line {
    float: left;
    width: 2px;
    height: 60px;
    margin-right: 20px;
    margin-top: 12px;
    background-color: #bdbdbd;
}

.titile-text {
    float: left;
    font-size: 22px;
    line-height: 85px;
    color: #888888;
}

.oblique {
    font-size: 14px;
}


@media(max-width: 1400px)  {
    .login-back {
        margin-left: 70%;
    }
}

@media(max-width: 1300px)  {
    .login-back {
        margin-left: 71%;
    }
    .login {
        margin-left: -5%;
        width: 105%;
    }
}